<!--
 * @Version: 1.0
 * @Autor:
 * @Date: 2021-03-10 16:57:07
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2021-09-07 10:22:25
 * @Description:
-->
<template>
  <el-card class="app-container content_box" shadow="always">
    <div>
      <div class="mtb">
        <form-selections :is-active="isActive" :items="formItems" :query-param.sync="queryParam" display="block" @handleSearch="handleSearch">
          <el-button size="mini" type="primary" class="filter-item search" icon="el-icon-search" @click="handleSearch">
            搜索
          </el-button>
          <el-button size="mini" icon="el-icon-refresh" @click="handleRefresh">重置</el-button>
        </form-selections>
      </div>
      <div v-loading="loading">
        <el-table ref="multipleTable" :data="data" tooltip-effect="dark" style="width: 100%" :max-height="screenHeigh" border fit>
          <el-table-column align="center" label="商品分组SKU" prop="name" />
          <el-table-column align="center" label="多箱商品名称" prop="name_ch" />
          <el-table-column align="center" label="多箱商品SKU" prop="code" />
        </el-table>
        <el-pagination v-if="paginate.total > 0" class="pagination_box" background :current-page="paginate.current" :page-sizes="[10, 20, 30, 40]" layout="total, sizes, prev, pager, next, jumper" :total="paginate.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </div>
      <!-------- 回到顶部 ------------>
      <el-backtop :visibility-height="60">
        <i class="el-icon-caret-top" />
      </el-backtop>
    </div>
  </el-card>

</template>

<script>
import formOperate from '@/layout/mixin/formOperate'
import cacheList from '@/layout/mixin/cacheList'
import {
  action
} from '@/directive/permission/index.js' // 权限判断指令
export default {
  name: 'GetMultiGroupList',
  directives: {
    action
  },
  mixins: [formOperate, cacheList],
  data() {
    return {
      componentName: 'GetMultiGroupList',
      url: '/products/getMultiGroupList',
      queryParam: {
        keys: ''
      },
      formItems: [
        {
          label: '关键词',
          key: 'keys',
          type: 'input',
          placeholder: '请输入商品名称/编码'
        }
      ],
      loading: false
    }
  },
  methods: {
  }
}

</script>

<style lang="scss" scoped>
</style>
